<script setup>
import Price from "@/components/TailPrice.vue";

const props = defineProps({
  title: {type: String, default: ''},
  price: {type: String, default: ''},
  sale: {type: Number, default: 0},
})
</script>

<template>
  <div class="product-price-title mt-2 ml-1 mr-1 p-2 rounded-lg bg-white dark:bg-neutral-900">
    <Price :price="price.toString()"></Price>
    <div class="font-bold dark:text-gray-100">
      <span>{{ title }}</span>
    </div>
    <div class="mt-2 text-xs text-gray-500">
      <span>已售 {{ sale }}</span>
    </div>
  </div>
</template>

<style scoped lang="scss">

</style>